@import "src/sass/global/mixin";

#CitySelector {
  width: 700px;
  height: 650px;
  padding: 30px;
  padding-right:0;
  a{color: $gray;}
 a:hover{color:$black;}
 font-size: 14px;
 dl,dd{line-height: 1.8;}
 .hd{padding-right:30px;}
 .title{font-size: 30px;color: $black;margin-top:5px;font-weight:bold;}
 .localtion{font-size: 20px;margin: 40px 0 15px;}
 .bd{padding-top: 30px;}
 .list a{width: 94px;display: inline-block;overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
 .list dl{padding-left: 96px;position: relative;display: none;}
 .list dl.hots{padding-left: 0;}
 .list dl.selected{display: block;}
 .list dd{padding-bottom: 15px;}
 .list dt{position: absolute;left:0;font-size: 18px;color: $lightgray;}
 dl.index{padding-left: 96px;position: relative;margin-bottom: 45px;}
 .index dt{position: absolute;left:0;font-size: 15px;}
  .index dd a{display: inline-block;padding-right: 48px;font-size: 15px;color: $lightgray;font-weight:bold;}
  .index a:hover{color:$black;}
  .index .selected{color:$black;}
  .filter{width: 100%;border:none;border-bottom:$linecolor 1px solid;padding: 10px 0;color: $lightgray;padding-top:10px;}
  .filter:focus{border:none;border-bottom:$blue 1px solid;outline: none;}
  .icon-location-pcs{color: $blue;background:transparent;}

  @media screen and (max-width: 768px){
    width: 100%;
    height: 100%;
  }
}
.ui-autocomplete{
  z-index: 9999999;
  position: absolute;
  background: #FFF;
  padding: 20px;
  line-height: 2;
  border:$linecolor 1px solid;
  margin:0;
  list-style: none;
  
  .ui-menu-item{
    padding: 0;
    margin:0;
    list-style: none;
    font-size: 14px;
  }
  a{color:$gray;}
  a:hover{color:$blue;}
}
.ui-helper-hidden-accessible {
    display: none!important;
}

